<script setup>
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'

onMounted(() => {
  initFlowbite();
})
</script>
<template>
  <div class="w-[100%] h-auto">
    <div class="flex flex-col">
      <NavBar/>
      <Carousel/>
      <ProjectList/>
      <TeamProfile/>
      <NewProfile/>
      <ExcellentMember/>
      <More/>
      <Icp/>
    </div>
  </div>
</template>
<script>

import NavBar from "@/components/MainPage/NavBar.vue";
import Carousel from "@/components/MainPage/Carousel.vue";
import TeamProfile from "@/components/MainPage/TeamProfile.vue";
import NewProfile from "@/components/MainPage/NewProfile.vue";
import ExcellentMember from "@/components/MainPage/ExcellentMember.vue";
import ProjectList from "@/components/MainPage/ProjectList.vue";
import More from "@/components/MainPage/More.vue";
import Icp from "@/components/MainPage/Icp.vue";

export default{
  components: {Icp, More,ProjectList, ExcellentMember, NewProfile, TeamProfile, Carousel, NavBar},
}
</script>